 .x-panel-body {
    border-color:#000000;
    background:#000000;
    
}
.log_list_div{
	width:100%;
	height:100%;
	overflow:auto;
	font:12px/1.3 Consolas, 'Lucida Console', Monaco, monospace;
}

 ol { line-height: 1.45;width:100%; list-style-type:none; margin:0; padding:0; }
 ol li { padding:1px 4px 1px 30px; border-bottom: 1px solid #333; color:#CCC; margin: 2px 2px; _text-indent: -2px; }
 ol li span { border: 0px solid #333;  height:16px; width:16px; _height:16px; _width:16px; display:block; float:left; margin: -2px 0 1px -25px; _display:inline; }
ol li.error     { color:#ff0000; }
 ol li.warn      { color:#ffff00;}
 ol li.info      { color:#4A8DE2;}
 ol li.debug     { }

 ol li.error span   { background: url(../../images/logger/minus.png) no-repeat !important; }
 ol li.warn span    { background: url(../../images/logger/warning.png) no-repeat !important;}
 ol li.info span    { background: url(../../images/logger/quote.png) no-repeat !important; }
 ol li.debug span   {background: url(../../images/logger/yes.png) no-repeat !important; }
 
 .bdebug {
    background: url(../../images/logger/yes.png) no-repeat !important;
}
 
 .binfo {
    background: url(../../images/logger/quote.png) no-repeat !important;
}
 .bwarn {
    background: url(../../images/logger/warning.png) no-repeat !important;
}
 .berror {
    background: url(../../images/logger/minus.png) no-repeat !important;
}
 .bclear {
    background: url(../../images/logger/refresh.png) no-repeat !important;
}
 
ol.errorHidden li.error,
ol.warnHidden li.warn,
ol.infoHidden li.info,
ol.debugHidden li.debug,
ol.profileHidden li.profile {
	 display:none;
 }

 .realTimeLogDiv {
     margin-left: 10px;
     overflow-y: auto;
     border-color:#000000;
     background:#000000;
     line-height: 1.45;
     width:100%;
     list-style-type:none;
     margin:0;
     padding:0;
 }

 .realTimeLogDiv li {
     padding:1px 4px 1px 30px; border-bottom: 1px solid #333; color:#CCC; margin: 2px 2px; _text-indent: -2px;
     white-space:nowrap;
 }

 .realTimeLogDiv li span{
     border: 0px solid #333;  height:16px; width:16px; _height:16px; _width:16px; display:block; float:left; margin: -2px 0 1px -25px; _display:inline;
 }
 .realTimeLogDiv li.error     { color:#ff0000; }
 .realTimeLogDiv li.warn      { color:#ffff00;}
 .realTimeLogDiv li.info      { color:#4A8DE2;}
 .realTimeLogDiv li.debug     { }

 .realTimeLogDiv li.error span   { background: url(../../images/logger/minus.png) no-repeat !important; }
 .realTimeLogDiv li.warn span    { background: url(../../images/logger/warning.png) no-repeat !important;}
 .realTimeLogDiv li.info span    { background: url(../../images/logger/quote.png) no-repeat !important; }
 .realTimeLogDiv li.debug span   { background: url(../../images/logger/yes.png) no-repeat !important; }
 